<template>

<!--    菜单栏     min-height: calc(100vh - 50px)  此时 无下拉框-->
    <div>
      <el-menu
          style="width: 150px; min-height: calc(100vh - 50px)"
          background-color="black"
          text-color="#fff"
      >
        <el-menu-item index="1" @click="submitComment">
          <el-icon><icon-menu /></el-icon>
         <h3 style="font-family: 华文楷体">实时推荐</h3>
        </el-menu-item>

        <el-menu-item index="2" @click="submitNow">
          <el-icon><icon-menu /></el-icon>
          <h3 style="font-family: 华文楷体">最新文章</h3>
        </el-menu-item>

        <el-menu-item index="3" @click="submitHot">
          <el-icon><icon-menu /></el-icon>
          <h3 style="font-family: 华文楷体">热门文章</h3>
        </el-menu-item>

        <el-menu-item index="4" @click="submitFriend">
          <el-icon><setting /></el-icon>
          <h3 style="font-family: 华文楷体">朋友</h3>
        </el-menu-item>

        <el-menu-item index="5" @click="submitDate">
          <el-icon><setting /></el-icon>
          <h3 style="font-family: 华文楷体">考研日历</h3>
        </el-menu-item>

        <el-menu-item index="6" @click="submitSearch">
          <el-icon><setting /></el-icon>
          <h3 style="font-family: 华文楷体">文章检索</h3>
        </el-menu-item>

        <el-menu-item index="7" @click="submitSearch">
          <el-icon><setting /></el-icon>
          <h3 style="font-family: 华文楷体">院校查看</h3>
        </el-menu-item>

        <el-menu-item index="8" @click="submitSearch">
          <el-icon><setting /></el-icon>
          <h3 style="font-family: 华文楷体">可视化展示</h3>
        </el-menu-item>

        <div style="height: 300px"></div>
        <el-divider />

        <about/>

      </el-menu>

    </div>

</template>

<script>
import About from "@/components/About";
import router from "@/router";
export default {
  components: {About},


  //方法
  methods:{
    submitComment(){
      router.push("/CommentView")
    },
    submitNow(){
      router.push("/NowView")
    },
    submitHot(){
      router.push("/HotView")
    },
    submitFriend(){
      router.push("/FriendView")
    },
    submitDate(){
      router.push("/DateView")
    },
    submitSearch(){
      router.push("/ArticleSearchView")
    }

  }
}
</script>

<style>

</style>
